@import "../common/rem";
@import "../common/flex-class";
@import "../common/mixins";

#chooseteam{

  //.flex-box-1();
  //overflow-y: scroll;
  .icon--13:before{
    .px2rem(line-height,120);
    position: absolute;
    .px2rem(right,32);
    .px2rem(font-size,36);
    color: #F76A75;
  }
  .icon--20{
    color: #CCCCCC;
  }
  .icon--14:before{
    .px2rem(line-height,120);
    position: absolute;
    top:0;
    .px2rem(right,32);
    .px2rem(font-size,20);
    color: #F76A75;
  }
  .item-main{
    display: inline-block;
    .px2rem(height,120);
    .px2rem(line-height,120);
    .px2px(font-size,32);
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .item{

    background: white;
    .px2rem(padding-left,32);
    .px2rem(padding-right,32);
    //.hairline(bottom,#ddd,30);
    position: relative;
    .px2rem(height,120);
    img{
      vertical-align: middle;
      .px2rem(line-height,120);
      .px2rem(height,80);
      .px2rem(width,80);
      //border: 1px solid rgba(255, 255, 255, 0);
      border-radius: 40px;
    }
    span{
      vertical-align: middle;
    }
    &:after {
      content: '';
      position: absolute;
      right: 0;
      .px2rem(left,130);;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: #ddd;
      display: block;
      z-index: 15;
      transform-origin: 100% 50%;
      //@media only screen and (-webkit-min-device-pixel-ratio: 2) {
      //  transform: scaleY(0.5);
      //}
      //@media only screen and (-webkit-min-device-pixel-ratio: 3) {
      //  transform: scaleY(0.33);
      //}
    }
  }
  .main{
    background: #DDD;
    width: 100%;
    position: absolute;
    .px2rem(top,88);
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .content{
    .flex-box-1();
  }
}